<ul class="pagination pagination-sm no-margin pull-right">
    <li><a class="first">首页</a></li>
	<li><a class="pre">上一页</a></li>
	<li><a class="next">下一页</a></li>
	<li><a class="last">尾页</a></li>
	<li><a class="rowCount">总记录数(0)</a></li>
	<li><a class="pageCount">总页数(0)</a></li>
	<li><a class="pageCurrent">当前页(1)</a></li>
</ul>
<script type="text/javascript">
	//在pageID对应的对象哈桑注册点击事件 当点击pageId对象等子元素执行后面事件处理函数 
	$(function(){
		$("#pageId").on("click",".first,.pre,.next,.last",doJumpToPage);
	})

//实现分页数据的初始化 
  function doSetPagination(pageObject){
	  //初始化总记录数
	  $(".rowCount").html("总记录数("+pageObject.rowCount+")");
	  //初始化总页数
	  $(".pageCount").html("总页数("+pageObject.pageCount+")");
	  //初始化当前页码值 
	  $(".pageCurrent").html("当前页("+pageObject.pageCurrent+")");
	  // 保存pageCurrent的值 
	  // data 为 jQuery函数，
	  // data语法 (key,[value])
	  // 结构中有value时就是存储，没有value就是基于key获取
	  $("#pageId").data("pageCurrent",pageObject.pageCurrent);
	  $("#pageId").data("pageCount",pageObject.pageCount);
  }
	//处理分页页面上的点击事件 
	function doJumpToPage(){
		//获取点击对象的 class属性  prop函数为jQuery中操作元素属性的一个函数 
		// 语法： prop(属性名，[属性值 ])  当结构中没有属性值的时候就是获取  
		var cls = $(this).prop("class");
		//基于点击的对象修改pageCurrent的值
		//2.1 获取pagecurrent的值
		var pageCurrent = $("#pageId").data("pageCurrent");
		var pageCount = $("#pageId").data("pageCount");
		//2.2 修改pageCurrent的值 
		if(cls=="first"){
			pageCurrent =1;
		}else if(cls=="pre"&&pageCurrent>1){
			pageCurrent --;
		}else if(cls=="next"&&pageCurrent<pageCount){
			pageCurrent ++;
		}else if(cls=="last"){
			pageCount==pageCount;
		}else{
			return;
		}
		//基于新的页码值进行查询
		//3.1 保存对pageCurrent变量的修改 
		$("#pageId").data("pageCurrent",pageCurrent);
		// 3.2  查询pageCurrent页码对应的记录信息 
		doGetObjects();
	}
	
</script>






